<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>home</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/dist/css/home.css">
    <link rel="stylesheet" href="../static/dist/css/carousel.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">



</head>
<body>
<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="all_movies.html">电影</a></li>
                        <li><a href="movie_list_hot.html">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>



<div class="wrap" id="wrap" style="margin-top: 150px">
    <ul class="content"></ul>
    <a href="javascript:;" class="prev">&#60;</a>
    <a href="javascript:;" class="next">&#62;</a>
</div>

<div class="containers container" >



    <div class="row homerow" style="margin-top: -250px">
        <!--左侧栅格-->
        <div class="col-xs-3 col-sm-2">

        </div>

        <!--3:2 自适应比例，xs和sm-->
        <!--中间栅格-->
        <div class="col-xs-12 col-sm-8">


            <!-- 清除浮动 -->
            <div class="clearfix" style="margin-bottom: 10px;"></div>
            <div class="clearfix" style="margin-bottom: 10px;"></div>
            <div class="clearfix" style="margin-bottom: 10px;"></div>
            <!--正文-->

            <div class="titlehot row">
                <div class="col-md-9 col-sm-4">
                <h2>本周热榜</h2>
                   </div>
                <div class="col-md-3 col-sm-4"><a href="">
                <h5>全部 ></h5>
                </a>
                   </div>

            </div>
            <div class="row">

                <div class="col-md-2 col-sm-4 topmovie" ><a href="movie_details.html">
                    <img src="../static/dist/img/film.jpg"  /></a>
<!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
<!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                </div>
                <div class="col-md-2 col-sm-4 topmovie"><a href="">
                    <img src="../static/dist/img/film.jpg"  /></a>
<!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
<!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                </div>
                <div class="col-md-2 col-sm-4 topmovie"><a href="">
                    <img src="../static/dist/img/film.jpg"  /></a>
<!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
<!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                </div>
                <div class="col-md-2 col-sm-4 topmovie"><a href="">
                    <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                </div>
                <div class="col-md-2 col-sm-4 topmovie"><a href="">
                    <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                </div>


            </div>

            <div class="process-wrap">
                <img src="../static/dist/img/long3.png" alt="" style="width: 98%">

            <div class="titlenow row">
                <div class="col-md-9 col-sm-4">
                    <h2>正在热播</h2>
                </div>
                <div class="col-md-3 col-sm-4"><a href="">
                    <h5>全部 ></h5>
                </a>
                </div>

            </div>
            <div class="row ">
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
<!--                    <div class="before" onmouseover="beforetwo()">-->
                    <div class="before" >
                    <a href="">
                        <img src="../static/dist/img/film.jpg"/></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    </div>

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                    <div class="honner"> <a href="" >
                        <div class="buy">购票</div>    </a>
                    </div>
                </div>

                <div class="col-md-3 col-sm-4 self lala" >
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                    <a href="">
                        <img src="../static/dist/img/film.jpg" /></a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->

                        <div class="honner"> <a href="" >
                            <div class="buy">购票</div>    </a>
                        </div>
                </div>
            </div>





            <div class="titlewill row">
                <div class="col-md-9 col-sm-4">
                    <h2>即将上映</h2>
                </div>
                <div class="col-md-3 col-sm-4"><a href="">
                    <h5>全部 ></h5>
                </a>
                </div>

            </div>
            <div class="row ">
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                        <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>

                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>

                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div> <div class="col-md-3 col-sm-4 lala" ><a href="">
                <img src="../static/dist/img/film.jpg" />
                <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>

            </a>
                <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                <div class="down">
                    <a href="">
                        <div class="yugaopian">预告片</div>
                    </a>
                    <a href="">
                        <div class="yugou">预购</div>
                    </a>
                </div>
            </div>
                <div class="col-md-3 col-sm-4 lala" ><a href="">
                    <img src="../static/dist/img/film.jpg" />
                    <div style="z-index: 2;position: absolute;bottom: 52px;left: 25px;color:white;">我的机械人女友</div>
                </a>
                    <!--                    <p><a href="">秋冬滋补～砂锅牛腩煲</a></p>-->
                    <!--                    <p>by <a href="">萌萌麻麻0407</a></p>-->
                    <div class="down">
                        <a href="">
                            <div class="yugaopian">预告片</div>
                        </a>
                        <a href="">
                            <div class="yugou">预购</div>
                        </a>
                    </div>
                </div>



            </div>

            </div>

        </div>

        <!--右侧栅格-->
        <div class="col-xs-3 col-sm-2">

        </div>
    </div>

</div>

<script src="../static/plugins/jquery/jquery-3.5.1.js"></script>
<script src="../static/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../static/dist/js/mynav.js"></script>

<script src="../static/dist/js/carousel.js"></script>
</body>
</html>